<!DOCTYPE html>
<html lang="en">
<head>
  <meta charset="UTF-8">
  <meta http-equiv="X-UA-Compatible" content="IE=edge">
  <meta name="viewport" content="width=device-width, initial-scale=1.0">
  <title>Document</title>
  <style>
    .container {
      /* column-count: 3; */
      column-width: 200px;
    }
  </style>
</head>
<body>
  <div class="container">
    <h1>简单的多列例子</h1>
    <p>Lorem ipsum dolor sit amet consectetur adipisicing elit. Tempore aperiam recusandae odit corporis ullam ratione sunt culpa! Fugit, deserunt doloribus. Fugit, nulla numquam! Distinctio nostrum dolor eos voluptatibus! Nesciunt accusamus nihil sit! Voluptatem doloremque temporibus ea. Expedita, debitis dicta? Consequuntur.</p>
    <p>Lorem ipsum dolor sit amet consectetur adipisicing elit. Perferendis nostrum et eaque corrupti aliquam laudantium dolor voluptatem dolorem, ab alias officiis quidem saepe quis quam at aliquid ipsum omnis voluptates nam ad sapiente voluptate repudiandae. Autem placeat dolores minus soluta!</p>
  </div>
</body>
</html>